<template>

    <span>
        <template  v-if="action == 'edit'">
            <el-date-picker
                    :value="value"
                    v-on="$listeners"
                    type="datetime"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择日期时间">
            </el-date-picker>
        </template>
        <template  v-if="action == 'table'">
             <i class="el-icon-time"></i>
             <span style="margin-left: 1px">{{value}}</span>
        </template>
        <template  v-if="action == 'search'">
            <el-date-picker
                    style="width:100%"
                    :value="value"
                    v-on="$listeners"
                    type="datetimerange"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    placeholder="选择日期时间">
            </el-date-picker>
        </template>

    </span>

</template>
<script>
    import base from './base.js';
    export default {
        extends:base,
        props: {
        },
        data() {
            return {
                searchModel:'range',
            }
        },
    }
</script>
<style>
</style>



